.CommentItem {
	padding: 10px 12px;
	background-color: #ffffff;
	border-bottom: 1px solid #f0f0f0;
	.comment-tittle {	
		position: relative;
		padding-bottom: 5px;
		padding-top: 5px;
		.header-img {
			display: inline-block;
			height: 32px;
			width: 32px;
			background-image: url(./images/icons/default-img.png);
			background-repeat: no-repeat;
			background-size: 32px 32px;
		}
		.header-content {
			margin-left: 40px;
			display: inline-block;
			margin-left: 10px;
			font-size: 14px;
			display: inline-block;
			.username {
				font-size: 14px;
				color: #a8a8a8;
				margin-bottom: 3px;
				display: inline-block;
			}	
			.comment-star-bg {
				width: 80px;
				height: 10px;
				margin-right: 5px;
				background-image: url(./images/icons/star-bg.png);
				background-repeat: no-repeat;
				background-size: 80px auto;
				display: inline-block;
				.comment-star {
					width: 70%;
					height: 10px;
					background-image: url(./images/icons/star.png);
					background-repeat: no-repeat;
					background-position: 0 75%;
					background-size: 80px auto;
				}
			}
		}
		.time {
			font-size: 14px;
			color: #a8a8a8;
			position: absolute;
			right: 5px;
			top: 5px;
		}
	}
	.comment-content {
		min-height: 60px;
		border-top: 1px solid #f0f0f0;
		padding: 10px 10px 10px 40px;
		font-size: 14px;
		color: #555555;
		position: relative;
		.reply-btn {
			padding: 3px 15px;
			width: 60px;
			border-radius: 20px;
			border: 1px solid #999999;
			color: #999999;
			position: absolute;
			right: 5px;
			bottom: 5px;
			text-align: center;
			/*display: inline-block;*/
		}
	}
	.reply-content {
		margin-top: 10px;
		color: #888888;
		background-color: #f5f5f5;
		padding: 10px 8px;
		border-radius: 5px;
	}
}